<template>
	<view class="">
		<view class="background ">
			<image src="/static/image/login02.png" class="iejdv"></image>
			<view class="eijdb">

			</view>
			<!-- 验证码登录 -->
			<view class="Simple">
		
				<view class="verify">
					<view class="propped">
						<input style="width: 402rpx;" class="uni-input" focus placeholder="请输入手机号"
							 />
					</view>
					<view class="below">
						<input style="width: 402rpx;" class="uni-input" focus placeholder="请输入验证码" />
						<view style="color: #1070bc;" >获取验证码</view>
					</view>
				</view>
			</view>
			
		</view>
		<view class="operate">
		
			<view class="">
				<view class="xxx">
					<label class="radio">
						<checkbox class="checkbox" style="border-radius: 50%;"  value="" />
					</label>我已阅读并同意<text style="color: #1070bc;">《用户使用协议》</text>和<text style="color: #1070bc;">《隐私条款》</text>
				</view>
				<button @click="go" >下一步</button>
			</view>
			
		</view>
	</view>
</template>

<script>

	export default {
		data() {
			return {

				}
			},
	
		methods: {
			go(){
				uni.navigateTo({
					url:'/pages/enroll2/enroll2'
				})
			}
		}
	}
</script>
<style lang="less">
	page {
		background-color: #f9f9f9;
		height: 100vh;
	}
	.radio{
		padding: 20rpx;
		// margin: 0rpx;
	}
	.xxx{
		// width: 500rpx;
		height: 50rpx;
		// background-color: red;
		// margin-left: 100rpx;
		margin: 0 auto;
		font-size: 25rpx;
		
	}
	.eijdb {
		width: 100%;
		height: 110rpx;
		display: flex;
		justify-content: space-between;
	}
	.iejdv {
		width: 100%;
		height: 335rpx;
	}
	.prompted {
		display: flex;
		justify-content: space-between;
	}
	.Simple {
		background-color: #fff;
		margin: 0 24rpx 0 24rpx;
		padding: 84rpx 0 42rpx 0;
		position: absolute;
		top: 200rpx;
		left: 0;
		right: 0;
		border-radius: 20rpx;
		.verify {
			display: flex;
			flex-direction: column;
			padding: 0 35rpx 0 35rpx;
		}
		input {
			padding: 35rpx 0 35rpx 0;
		}
		.propped {
			border-bottom: 1rpx solid #e5e5e5;
		}
		.below {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
	}
	.operate {
		margin-top: 150rpx;
		button {
			margin: 100rpx;
			border-radius: 50rpx;
			font-size: 32rpx;
			color: #fff;
			background-color:#1b79cad1 ;
		}
		.reminder {
			width: 50%;
			height: 30rpx;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-size: 29rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>